GermanWikipedia - /page/entry.mu

Micron Document

<!DOCTYPE html>

<title>Informationsgrafik</title>

</head>

<h1 id="firstHeading" class="firstHeading mw-first-heading"><span class="mw-page-title-main">Informationsgrafik</span></h1>

</header>

</div>

<div id="mw-content-text" class="mw-body-content mw-content-ltr" lang="de" dir="ltr"><div class="mw-content-ltr mw-parser-output" lang="de" dir="ltr"><p>Eine <b>Informationsgrafik</b> (kurz: <b>Infografik</b>) ist eine visuelle Repräsentation von Gesamtzusammenhängen in einer Abbildung.

</p>

<p>Neben den beiden klassischen Disziplinen <a href="Journalismus" title="Journalismus">Text- und Bildjournalismus</a> ist es eine eigenständige journalistische Darstellungsform, die Informationen <a href="Visualisierung" title="Visualisierung">visuell</a> aufbereitet.

</p><p>Infografiken kommen ausschließlich in visuellen Medien zum Einsatz, vornehmlich in <a href="Printmedien" class="mw-redirect" title="Printmedien">Printmedien</a> wie <a href="Zeitung" title="Zeitung">Zeitungen</a>, <a href="Illustrierte" title="Illustrierte">Illustrierten</a> oder <a href="Zeitschrift" title="Zeitschrift">Magazinen</a> sowie im <a href="Fernsehen" title="Fernsehen">Fernsehen</a>. Sie spielen auch in <a href="Schulbuch" title="Schulbuch">Schul-</a> und <a href="Lehrbuch" title="Lehrbuch">Lehrbüchern</a> eine große Rolle.

</p><p>Infografiken bemühen sich um eine möglichst effiziente Vermittlung von Fakten und legen dabei großen Wert auf Klarheit, Genauigkeit und Anschaulichkeit. Beim Menschen steht die <a href="Visuelle_Wahrnehmung" title="Visuelle Wahrnehmung">visuelle Wahrnehmung</a> an erster Stelle der Informationsaufnahme. Texte müssen erst verstanden und danach inhaltlich eingeordnet werden. Informationsgrafiken haben hier Vorteile, wenn sie dem menschlichen Gehirn die Sachinformationen in vorbereiteter Form servieren. Darin liegt die Stärke der Infografik und ihr Vorteil gegenüber den anderen journalistischen Disziplinen. Ein bekanntes Sprichwort fasst dieses sehr einprägsam zusammen: <i><a href="Ein_Bild_sagt_mehr_als_tausend_Worte" title="Ein Bild sagt mehr als tausend Worte">Ein Bild sagt mehr als tausend Worte</a></i>. Meinungen, Bewertungen, Einordnungen haben in einer Infografik keinen Platz. Sie gehören in einen Text ebenso wie das Beschreiben von Gefühlen. Die Darstellung von Gesichtern oder Personen, Handlungen und komplexen Situationen werden in diesem Genre illustriert, Landschaften oder Kunstobjekte dagegen können auch fotografisch dargestellt werden.

</p>

<div class="mw-heading mw-heading2"><h2 id="Methoden">Methoden</h2></div>

<p>Inhalte sind immer klar abgrenzbare Sachinformationen wie Zahlenreihen, Größenverhältnisse, Ortslagen, Aufbau und Beteiligungen von Organisationen oder Konzernen, Entscheidungsabläufe, technische, biologische oder chemische Funktionsweisen, Anordnungen von Teilen oder Schichten und Ähnliches. Die wichtigsten infografischen Elemente sind <a href="Diagramm" title="Diagramm">Diagramme</a> wie <a href="S%C3%A4ulendiagramm" title="Säulendiagramm">Säulen-</a>, <a href="Balkendiagramm" class="mw-redirect" title="Balkendiagramm">Balken-</a>, <a href="Kreisdiagramm" title="Kreisdiagramm">Kreis-</a>, oder Kurvendiagramme, geografische <a href="Thematische_Karte" title="Thematische Karte">thematische Karten</a> bzw. Pläne aller Art (z. B. <a href="Stra%C3%9Fenkarte" title="Straßenkarte">Straßenkarte</a> oder <a href="Geschichtskarte" title="Geschichtskarte">Geschichtskarte</a>), <a href="Organigramm" title="Organigramm">Organigramme</a> und <a href="Struktogramm" class="mw-redirect" title="Struktogramm">Struktogramme</a> oder schematische Darstellungen wie <a href="Explosionszeichnung" title="Explosionszeichnung">Explosionszeichnung</a> (z. B. Querschnitte zur Veranschaulichung der

Funktionsweise eines <a href="Verbrennungsmotor" title="Verbrennungsmotor">Verbrennungsmotors</a> oder zur Darstellung von <a href="Gestein" title="Gestein">Gesteinsschichten</a>).

</p>

<div class="mw-heading mw-heading2"><h2 id="Geschichte">Geschichte</h2></div>

<p>Weitgehend unerforscht ist die Frage, inwieweit z. B. frühzeitliche Höhlenzeichnungen wie die im <a href="Spanien" title="Spanien">spanischen</a> <a href="H%C3%B6hle_von_Altamira" title="Höhle von Altamira">Altamira</a> als <a href="Keimzelle" class="mw-redirect" title="Keimzelle">Keimzelle</a> der Infografik gelten könnten. So könnten dort nicht nur verschiedene Tierarten abgebildet worden sein, sondern auch Jagdtechniken, Jagdzeiten, Standorte bestimmter Herden etc.

</p><p>Als Gründungsjahr der modernen Infografik wird häufig das Jahr 1786 genannt, in dem <a href="William_Playfair" title="William Playfair">William Playfair</a> seinen <i>Commercial and Political Atlas</i> veröffentlichte, in dem sich zahlreiche Diagramme finden.

Eine graphische Verallgemeinerung qualitativer Sachverhalte und Inhalte hat sich historisch aus dem barocken <a href="Frontispiz" title="Frontispiz">Frontispiz</a> bzw. <a href="Titelbild" title="Titelbild">Titelbild</a> und der <a href="Thematische_Karte" title="Thematische Karte">thematischen Kartografie</a> entwickelt, also aus <a href="Rheinpanorama" title="Rheinpanorama">Panoramen</a> und vergleichbaren kartografischen Abbildungsverfahren, die den Inhalt einer Abhandlung oder eines Buches, eines Bild- oder Kartenwerkes in einer Gesamtschau zusammenfassen. Daher gehören auch sowohl Orientierungspläne für Parks, Gebäude und Ausstellungen wie die maschinell generierten <a href="Sitemap" title="Sitemap">Sitemaps</a> von Internetseiten zu den Informationsgrafiken.

Wenn wir also eine Karte als Informationsgrafik verstehen, vielleicht sogar als Superzeichen, sollte der Name <a href="Carl_Ritter" title="Carl Ritter">Carl Ritter</a> als Begründer der Allgemeinen Geographie, herausgestellt werden. Als Kollege von <a href="Alexander_von_Humboldt" title="Alexander von Humboldt">Alexander von Humboldt</a> in der Militärakademie, später in der Akademie der Wissenschaften und Humboldt-Universität kann er als einer der Urväter einer nachvollziehbaren, wiederholbaren, verlässlichen und getreuen Informationsgrafik verstanden werden.

</p><p>Als bekannter Infografiker gilt in Fachkreisen ebenfalls der Franzose <a href="Charles_Joseph_Minard" title="Charles Joseph Minard">Charles Joseph Minard</a>, der 1869 den <a href="Russlandfeldzug_1812" title="Russlandfeldzug 1812">Russlandfeldzug Napoleons</a> <a href="1812" title="1812">1812</a>−<a href="1813" title="1813">1813</a> darstellte. Seine Infografik zeigt den schematischen Verlauf bis <a href="Moskau" title="Moskau">Moskau</a>, die Abnahme der Truppenstärke sowie eine Abfolge der <a href="Temperatur" title="Temperatur">Temperaturen</a>, denen die Soldaten während des <a href="R%C3%BCckzug" title="Rückzug">Rückzugs</a> im Winter ausgesetzt waren. In ähnlicher Form stellte der irische Ingenieur <a href="Henry_Phineas_Riall_Sankey" title="Henry Phineas Riall Sankey">Matthew Henry Phineas Riall Sankey</a> die Energieflüsse in einer Dampfmaschine dar. Nach ihm benannte man diese Diagrammform, die heute als <a href="Sankey-Diagramm" title="Sankey-Diagramm">Sankey-Diagramm</a> bekannt ist.

</p><p>Die breite Durchsetzung in den Massenmedien ging hingegen vor allem von den <a href="Vereinigte_Staaten" title="Vereinigte Staaten">Vereinigten Staaten</a> aus. Vor allem die Zeitung <a href="USA_Today" title="USA Today">USA Today</a> hat sehr stark auf infografische Visualisierungen gesetzt und damit große Erfolge gefeiert. Infografiken erlebten dort z. B. während des <a href="Zweiter_Golfkrieg" title="Zweiter Golfkrieg">Zweiten Golfkriegs</a> einen Boom. Da so gut wie keine Bilder zu bekommen waren, wurden Truppenbewegungen, Frontverläufe, Geländegewinne bzw. -verluste oder die Wirkungsweise von Waffen mittels Infografiken den amerikanischen Lesern und Fernsehzuschauern vermittelt. In Deutschland spielte das Nachrichtenmagazin <a href="Focus" title="Focus">Focus</a> eine wichtige Rolle in der Verbreitung von Infografiken.

</p><p>Die systematische Erforschung der quantitativen Informationsgrafik wurde ab 1983 vor allem von <a href="Edward_Tufte" title="Edward Tufte">Edward Tufte</a> bewirkt.<sup id="cite_ref-1" class="reference"><a href="#cite_note-1"><span class="cite-bracket">[</span>1<span class="cite-bracket">]</span></a></sup>

</p>

<div class="mw-heading mw-heading2"><h2 id="Berufsbild">Berufsbild</h2></div>

<p>Infografiker haben entweder Design oder Journalismus studiert, oder eine Ausbildung zum <a href="Mediengestalter" title="Mediengestalter">Mediengestalter</a> oder Kartographen absolviert; seltener kommen sie von Kunstuniversitäten oder <a href="Hochschule_f%C3%BCr_bildende_K%C3%BCnste" class="mw-redirect" title="Hochschule für bildende Künste">Hochschulen für bildende Künste</a>. Auch <a href="Quereinsteiger" title="Quereinsteiger">Quereinsteiger</a> haben bei entsprechender <a href="Kreativit%C3%A4t" title="Kreativität">Kreativität</a> und journalistischem Können eine Chance.

</p><p>Zeitungen, Illustrierte oder Magazine in Deutschland mit eigenem Infografik-Ressort sind z. B. Bild, Focus und <a href="Stern_(Zeitschrift)" title="Stern (Zeitschrift)">Stern</a>. Auch kleinere Zeitungen und Zeitschriften beschäftigen mittlerweile freie oder fest angestellte Infografiker für ihre eigene Produktion.

</p><p><a href="Nachrichtenagentur" class="mw-redirect" title="Nachrichtenagentur">Nachrichtenagenturen</a> haben ebenfalls eigene Infografikabteilungen. Zum Beispiel kaufte die <a href="Dpa" class="mw-redirect" title="Dpa">dpa</a> die <i>Globus Kartendienst GmbH</i>; sie firmierte später als <i>GLOBUS Infografik GmbH</i> und dann als <i>dpa-infografik GmbH.</i><sup id="cite_ref-2" class="reference"><a href="#cite_note-2"><span class="cite-bracket">[</span>2<span class="cite-bracket">]</span></a></sup> 2025 wurde die <i>dpa-infografik GmbH</i> mit der Tochtergesellschaft <i>dpa-infocom GmbH</i> verschmolzen.<sup id="cite_ref-3" class="reference"><a href="#cite_note-3"><span class="cite-bracket">[</span>3<span class="cite-bracket">]</span></a></sup>

</p>

<div class="mw-heading mw-heading2"><h2 id="Erstellung">Erstellung</h2></div>

<p>Infografiken werden meist mit <a href="Vektorgrafik" title="Vektorgrafik">Vektorgrafikprogrammen</a> wie z. B. <a href="Inkscape" title="Inkscape">Inkscape</a>, <a href="CorelDraw" class="mw-redirect" title="CorelDraw">CorelDraw</a> oder <a href="Adobe_Illustrator" title="Adobe Illustrator">Adobe Illustrator</a> erstellt. 3D-<a href="Computergrafik" title="Computergrafik">Computergrafik</a>-Programme werden zunehmend eingesetzt. Diese sind aber für tagesaktuelle Infografiken weniger geeignet, da das Erstellen der Infografik erheblich zeitintensiver ist als mit Vektorprogrammen. <a href="Rastergrafik" title="Rastergrafik">Pixel-Programme</a>, wie z. B. <a href="Adobe_Photoshop" title="Adobe Photoshop">Adobe Photoshop</a>, werden innerhalb der Infografik meist nur als Zusatzinstrument benutzt, um die Infografik zusätzlich aufzuwerten.

Soll die statische Infografik animiert werden, kann <a href="Adobe_After_Effects" title="Adobe After Effects">Adobe After Effects</a> oder <a href="Adobe_Flash" title="Adobe Flash">Adobe Flash</a> dafür verwendet werden. Interaktive Infografiken können mit Webstandards (HTML5, JavaScript, CSS, SVG) umgesetzt werden. Bekannte Techniken sind Google Chart Tools, das JavaScript InfoVis Toolkit sowie D3.js.

Handelt es sich um eine sehr umfassende bzw. große Infografik, die sehr viele Daten und Statistiken enthält, gibt es die Möglichkeit, die Daten zu splitten und die statische Grafik in eine Slideshow umzuwandeln. Hierfür eignen sich beispielsweise PowerPoint oder GIF-Animationen.

</p>

<div class="mw-heading mw-heading2"><h2 id="Literatur">Literatur</h2></div>

<ul><li>Heiner Benking: Ein Rückblick auf die Entwicklung im Bereich „Infografik“ von 1981–1988: <a rel="nofollow" class="external free" href="http://benking.de/infographics/">http://benking.de/infographics/</a></li>

<li>Catherine Bouchon: <i>Infografiken. Einsatz, Gestaltung und Informationsvermittlung</i>. Verlag Werner Hülsbusch, Boizenburg 2007, ISBN 978-3-940317-07-0</li>

<li>Klaus Forster, Sabine Stiemerling, Thomas Knieper: <i>Wissensvermittlung durch animierte Infographiken. Ein Experiment</i>. In: Caja Thimm (Hrsg.): <i>Netz-Bildung. Lehren und Lernen mit Onlinemedien in Wissenschaft und Wirtschaft</i>. (= Reihe Bonner Beiträge zur Medienwissenschaft, Bd. 5). Lang, Frankfurt am Main u. a. 2005, ISBN 3-631-52108-1, S. 75–100</li>

<li>Angela Jansen, Wolfgang Scharfe: <i>Handbuch der Infografik. Visuelle Information in Publizistik, Werbung und Öffentlichkeitsarbeit</i>. Springer, Berlin u. a. 1999, ISBN 3-540-64919-0</li>

<li>Thomas Knieper: <i>Infographiken. Das visuelle Informationspotential der Tageszeitung</i>. (= Reihe Medien-Skripten; Bd. 23). R. Fischer, München 1995, ISBN 3-88927-157-X (Kurzfassung einer Dissertation, Univ. München 1994)</li>

<li>Martin Liebig: <i>Die Infografik</i>. (= Praktischer Journalismus; Band 39). UVK, Konstanz 1999, ISBN 3-89669-251-8</li>

<li>Hanno Sprissler: <i>Infografiken gestalten, Techniken, Tips und Tricks</i>. Springer, Berlin u. a. 1999, ISBN 3-540-65640-5</li>

<li>Alexander Vögtli, Beat Ernst: <i>Wissenschaftliche Bilder. Eine Bildkritik</i>. Schwabe, Basel 2007, ISBN 978-3-7965-2313-7</li>

<li>Sandra Rendgen, Julius Wiedemann: <i>Information Graphics</i>. Taschen, Köln 2012, ISBN 978-3-8365-2879-5</li>

<li>Wibke Weber, Michael Burmester, Ralph Tille: <i>Interaktive Infografiken</i>. Springer Vieweg, Berlin, Heidelberg 2013, ISBN 978-3-642-15452-2</li>

<li>Raimar Heber: <i>Infografik – Gute Geschichten erzählen mit komplexen Daten</i>. Rheinwerk Verlag, Bonn, 2016, ISBN 978-3-8362-3193-0</li></ul>

<div class="mw-heading mw-heading2"><h2 id="Galerie">Galerie</h2></div>

<div class="gallerytext">Aufbau und die Vermehrung des HIV</div>

</li>

<div class="gallerytext">Personalisierte Verhältniswahl der BRD</div>

</li>

<div class="gallerytext">Erdölkonzerne</div>

</li>

<div class="gallerytext">Reiseroute von James Cook</div>

</li>

<div class="gallerytext">Pioneer-Plakette</div>

</li>

<div class="gallerytext">Proportionsschema der menschlichen Gestalt</div>

</li>

<div class="gallerytext">Verschmutzung des Wassers durch Öl</div>

</li>

<div class="gallerytext">Lesefreudigkeit der Schuljugend</div>

</li>

</ul>

<div class="mw-heading mw-heading2"><h2 id="Literatur_2">Literatur</h2></div>

<ul><li>Claudia Füssler: <a rel="nofollow" class="external text" href="http://www.zeit.de/2011/20/Interview-Infografik"><i>Daten sichtbar machen</i>.</a> In: <i><a href="Die_Zeit" title="Die Zeit">Die Zeit</a></i>, Nr. 20/2011</li></ul>

<div class="mw-heading mw-heading2"><h2 id="Weblinks">Weblinks</h2></div>

<div class="sisterproject" style="margin:0.1em 0 0 0;"><div class="noresize noviewer" style="display:inline-block; line-height:10px; min-width:1.6em; text-align:center;" aria-hidden="true" role="presentation"><span class="mw-default-size" typeof="mw:File"><span title="Commons"></span></span></div><b><span class=""><a class="external text" href="https://commons.wikimedia.org/wiki/Category:Information_graphics?uselang=de"><span lang="en">Commons</span>: Information graphics</a></span></b> – Sammlung von Bildern, Videos und Audiodateien</div>

<ul><li><a rel="nofollow" class="external text" href="https://www.morgenpost.de/infografik">Die Infografikseite der Berliner Morgenpost</a></li></ul>

<ul><li><a rel="nofollow" class="external text" href="http://www.datavis.ca/milestones/">Milestones in the History of Thematic Cartography, Statistical Graphics and Data Visualization</a></li></ul>

<div class="mw-heading mw-heading2"><h2 id="Einzelnachweise">Einzelnachweise</h2></div>

<li id="cite_note-1"><span class="mw-cite-backlink"><a href="#cite_ref-1">↑</a></span> <span class="reference-text"><a rel="nofollow" class="external text" href="http://www.edwardtufte.com/tufte/books_vdqi">edwardtufte.com</a></span>

</li>

<li id="cite_note-2"><span class="mw-cite-backlink"><a href="#cite_ref-2">↑</a></span> <span class="reference-text"><span class="cite"><a rel="nofollow" class="external text" href="http://www.dpa.de/Grafiken.289.0.html"><i>dpa-infografik – Sachverhalte anschaulich auf den Punkt gebracht.</i></a> dpa.de,<span class="Abrufdatum"> abgerufen am 21. November 2013</span>.</span><span style="display: none;" class="Z3988" title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Adc&rfr_id=info%3Asid%2Fde.wikipedia.org%3AInformationsgrafik&rft.title=dpa-infografik+%E2%80%93+Sachverhalte+anschaulich+auf+den+Punkt+gebracht&rft.description=dpa-infografik+%E2%80%93+Sachverhalte+anschaulich+auf+den+Punkt+gebracht&rft.identifier=&rft.publisher=dpa.de&rft.date="> </span></span>

</li>

<li id="cite_note-3"><span class="mw-cite-backlink"><a href="#cite_ref-3">↑</a></span> <span class="reference-text"><span class="cite"><a rel="nofollow" class="external text" href="https://www.presseportal.de/pm/8218/6043489"><i>Pressemitteilung dpa vom 27. Mai 2025: Verschmelzung von dpa-infografik und dpa-infocom.</i></a> In: <i>www.presseportal.de.</i> 27. Mai 2025,<span class="Abrufdatum"> abgerufen am 6. Januar 2026</span>.</span><span style="display: none;" class="Z3988" title="ctx_ver=Z39.88-2004&rft_val_fmt=info%3Aofi%2Ffmt%3Akev%3Amtx%3Adc&rfr_id=info%3Asid%2Fde.wikipedia.org%3AInformationsgrafik&rft.title=Pressemitteilung+dpa+vom+27.+Mai+2025%3A+Verschmelzung+von+dpa-infografik+und+dpa-infocom&rft.description=Pressemitteilung+dpa+vom+27.+Mai+2025%3A+Verschmelzung+von+dpa-infografik+und+dpa-infocom&rft.identifier=https%3A%2F%2Fwww.presseportal.de%2Fpm%2F8218%2F6043489&rft.date=2025-05-27&rft.language=de"> </span></span>

</li>

</ol></div><div><div class="zim-footer">

Dieser Artikel wurde von <a class="external text" title="Zuletzt bearbeitet am 2026-01-06" href="https://de.wikipedia.org/wiki/?title=Informationsgrafik&oldid=263083587">Wikipedia</a> herausgegeben. Der Text ist unter <a class="external text" href="https://creativecommons.org/licenses/by-sa/4.0/deed.de">Creative Commons Attribution-Share Alike 4.0</a> verfügbar, sofern nicht anders angegeben. Für die Mediendateien können zusätzliche Bedingungen gelten.

</div>

</div></div>

</div>

</main>

</div>

</body></html>